<template>
	<view class="goods_detail">
		<view class="goods_detail_price">
			{{props.price}}
		</view>
		<view class="goods_detail_container">
			<view class="goods_detail_text">
				{{props.text}}
			</view>
			<view class="goods_detail_star">
				<uni-icons color="darkgray" type="star"></uni-icons>
				<text>收藏</text>
			</view>
		</view>
		<view class="yf">
			快递;免运费
		</view>
	</view>
</template>

<script setup>
const props=defineProps({
	price:{
		type:[String,Number]
	},
	text:{
		type:String
	}
})
</script>

<style lang="scss">
.goods_detail{
	width: 100%;
	height: 150rpx;
	margin-top: 20rpx;
	margin-bottom: 60rpx;
	box-sizing: border-box;
	padding: 0 15rpx;
	.goods_detail_price{
		color: red;
		height: 60rpx;
		display: flex;
		align-items: center;
	}
	.goods_detail_container{
		width: 100%;
		height: 100rpx;
		display: flex;
		.goods_detail_text{
			flex: 1;
			word-spacing:break_word;
			font-size: 26rpx;
			font-weight: 500;
			letter-spacing: 3rpx;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.goods_detail_star{
			width: 100rpx;
			height: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			text{
				font-size: 24rpx;
				color: darkgray;
			}
		}
	}
	.yf{
		font-size: 24rpx;
		color: darkgray;
	}
}
</style>